import { PageContainer, PageContainerProps } from '@ant-design/pro-components';
import React from 'react';
import useStyles from './style.style';

const MyPageContainer: React.FC<PageContainerProps> = (props) => {
  const { styles } = useStyles();
  return (
    <>
      <div
        style={{ height: '360px' }}
        className={`w-full pt-12 absolute top-0 left-0 bg-gradient-to-b from-[#BFE6FF] to-[#f5f5f5]`}
      />
      <PageContainer
        {...props}
        className={styles.myPageContainer}
        style={{
          margin: '0 auto',
        }}
        title={false}
      />
    </>
  );
};

export default MyPageContainer;
